<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>双重登录系统</title>
</head>
<body>
    <div class="login-container">
        <h2 class="login-title">用户登录</h2>
        
        <!-- 普通用户登录表单 -->
        <form id="userForm" class="user-login">
            <div class="form-group">
                <label for="username">用户名</label>
                <input type="text" id="username" required>
                <div class="error-message" id="userError"></div>
            </div>
            <div class="form-group">
                <label for="password">密码</label>
                <input type="password" id="password" required>
                <div class="error-message" id="passError"></div>
            </div>
            <button type="submit" class="user-btn">用户登录</button>
        </form>

        <div class="toggle-option">
           <p>或 <span id="toggleText">管理员登录</span></p >
        </div>

        <!-- 管理员登录表单 -->
        <form id="adminForm" class="admin-login">
            <div class="form-group">
                <label for="adminUsername">管理员账号</label>
                <input type="text" id="adminUsername" required>
                <div class="error-message" id="adminUserError"></div>
            </div>
            <div class="form-group">
                <label for="adminPassword">管理员密码</label>
                <input type="password" id="adminPassword" required>
                <div class="error-message" id="adminPassError"></div>
            </div>
            <button type="submit" class="admin-btn">管理员登录</button>
        </form>
    </div>
</body>
</html>